import * as React from 'react';
import s from './index.module.scss'
import { Swiper, SwiperSlide } from 'swiper/react';
import initSwiper from '../../asstes/magazine'
import 'swiper/css'
//swiper类型声明
import SwperClass from 'swiper';
const des = ['2022-5','2022-4','2022-3','2022-2','2022-1']
export default function Activity() {
   return (
      <div className={s.page}>
         <div className={s.text}>T - Z O N E</div>
         <Swiper className={s.swiperCom}
            spaceBetween={1}
            slidesPerView={2}
            onSlideChange={(e) => {
               //console.log(e);
            }}
         //轮播图初次被加载时执行
         // onSwiper={(swiper) => console.log(swiper)}
         >
            {initSwiper.map((item: string, i: number) => {
               return <SwiperSlide key={i}>
                  <img className={s.car} src={item} alt="" />
                  <div className={s.des}>{des[i]}</div>
               </SwiperSlide>
            })}
         </Swiper>
      </div>

   )
}
